.warp{
  text-align: center;
  .wode-top{
    width: 100%;
    background-image: linear-gradient(to right,#7aaffa,#8fc1ff);
    h3{
      color: #ffffff;
      font-family: OSBold;
      position: relative;
      width: 95.2vw;
      height: 33.33vw;

      margin: 0 auto;
      text-align: center;
      font-size: 5.6vw;
      a{
        color: #ffffff;
        img{
          height: 5.6vw;
        }
      }
      .a-l{
        position: absolute;
        left: 0;
      }
      .a-r{
        position: absolute;
        right: 0;
      }
    }
  }
  .input-upload{
    font-size: 4vw;
    color: #ffffff;
    margin-top: 5vw;
     width: 95.2vw;
      height: 9.6vw;
    border: none;
    border-radius: 2.5vw;
     background-image: linear-gradient(to right,#7aaffa,#8fc1ff);
   }
}

.form-up{
  width: 95.2vw;
  margin: 0 auto;
  background-color: #ffffff;
  margin-top: -13.33vw !important;
  box-sizing: border-box;
  padding: 3.33vw;
  .fm{
    margin-bottom: 8.8vw;
    label{
      font-size: 4vw;
      color: #666666;
    }
   img{
     width: 30vw;
     height: 30vw;
     margin-left: 10vw;
   }

  }
  .msg{

    &>div{
      margin:10vw 0;
      &>label{
        width: 23.6vw;
      }
      font-size: 4vw;
      color: #666666;
      display: flex;
      &>div{
        width: 100%;
        color: #0f0f0f;
        border-bottom: 1px solid #cccccc;
      }
    }

  }

}